// 文章上部分父级
.article_top_parent {
  display: flex;
  width: 90%;
  background-color: white;
  padding-top: 1em;
  height: 80%;
}

.article_top_parent_image {
  width: 30%;
  position: relative;
  overflow: hidden;
  margin: 1% 2%;
}

.article_top_parent:hover {
  background-color: #eae6e6;
}

// 文章上半部分左图片
// http://5b0988e595225.cdn.sohucs.com/images/20180621/a9213aa18c234533a22c0915b6ed61d7.png
.article_top_left_img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

// 文章上右父级
.article_top_right_parent {
  display: flex;
  flex-direction: column;
  width: 70%;
}

// 文章右标题
.article_top_right_title {
  display: flex;
  justify-content: left;
  font-family: -apple-system, BlinkMacSystemFont, opensans, Optima,
    'Microsoft Yahei', sans-serif;
  font-size: 1.2em;
  font-weight: 500;
  flex-direction: column;
}

// 文章右内容
.article_top_right_content {
  display: block;
  margin: 1em;
  text-indent: 2em;
  font-family: -apple-system, BlinkMacSystemFont, opensans, Optima,
    'Microsoft Yahei', sans-serif;
  color: #848484;
  font-weight: 300;

  // css限制行数 多余省略号
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

// 标签排序
.article_top_tags {
  margin-top: 1%;
  display: flex;
}

.article_tag_click:hover {
  cursor: pointer;
}
